<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="log()">dianji </button>
    <script>
        function log() {
            const aTag = document.createElement('a')
                // dom中创建a标签
                // js使用a标签实现文件下载功能
                // 日志展示的内容
            let content = '这里是日志内容...'

            // blob是js内置对象，用来处理二进制文件流
            let blob = new Blob([content])

            // 给创建的a标签添加download属性，此属性是让我们的浏览器下载URL而不是跳转到URL所指向的内容
            // (同 时， 下载的文件名为log.txt)
            aTag.download = 'log.txt'

            // 给创建的a标签添加href属性并赋值
            aTag.href = URL.createObjectURL(blob)

            // 自动点击创建的标签
            // console.log(aTag.click);
            aTag.click()
                // 不再使用时需释放createObjectURL创建得对象
            URL.revokeObjectURL(blob)
        }
    </script>
</body>

</html>